@import url("rem.less");
.main {
    .m-banner {
        .swiper-slide {
            a {
                img {
                    width: 100%;
                }
            }
        }
    }
    .m-nav {
        .dis;
        background: #fff;
        .h(260);
        dl {
            flex: 1;
            text-align: center;
            dt {
                .w(112);
                .h(112);
                margin: 0 auto;
                .mb(20);
                img {
                    width: 100%;
                }
            }
            dd {
                .font-dpr(10px)
            }
        }
    }
    .m-col {
        .dis;
        div {
            width: 50%;
            a {
                img {
                    width: 100%;
                }
            }
        }
    }
    .m-list {
        .m-list_top {
            .dis;
            justify-content: flex-start;
            background: #fff;
            width: 100%;
            border-top: 1px solid #ccc;
            .t(140);
            left: 0;
            z-index: 99;
            li {
                .pl(30);
                .pr(30);
                .lh(120);
                border-bottom: 5px solid transparent;
            }
            .ml_active {
                border-bottom: 5px solid #d70057;
                color: #d70057;
                box-sizing: border-box;
            }
        }
        .m-list_bottom {
            .opts {
                background: #fff;
                .mb(15);
                dl {
                    dt {
                        img {
                            width: 100%;
                        }
                    }
                    dd {
                        p {
                            .lh(105);
                            .font-dpr(12px);
                            color: #323232;
                            span {
                                color: #e24484;
                                .ml(30);
                                .mr(30)
                            }
                        }
                    }
                }
            }
        }
    }
}
#gotop {
    .w(125);
    .h(125);
    border-radius: 50%;
    border: 1px solid #ccc;
    display: none;
    text-align: center;
    position: fixed;
    background: #fff;
    z-index: 99;
    overflow: hidden;
    .r(15);
    .b(160);
    img {
        width: 60%;
        height: 100%;
    }
}